body{
	text-align:center;
	font-family:arial;
	font-size:13px;
	background-color:#151111;
	margin-top:50px;
	/*background-image: url(img/bg.jpg);*/
}
span{
	font-size:10px;
}
form{
	margin:0px;	
	padding:0px;	
}
a{
	color:#CCCCCC;
	text-decoration:none;	
}
a:hover{
	color:white;	
}
h1{
	font-size:18px;
	margin:0px;
	margin-left:10px;
}
h2{
	font-size:16px;
	margin:0px;
	margin-left:10px;
	color:#222232;
}


#master{
	width:800px;
	border:1px solid grey;
	display:inline-block;
	background-color:white;
	padding-bottom:50px;
}
#footer{
	margin-top:10px;
	display:inline-block;
	height:50px;
	color:grey;
	font-size:10px;
	width:100%;
}
#header{
	width:100%;
	border-collapse:collapse;
	background-color:black;
	color:white; 
}
#header-top{
	height:20px;
}
#header-bottom{
	height:10px;
}
td.horizontal-border{
	width:10px;
}
#welcom-cell{
	text-align:right;
	vertical-align:bottom;
	padding-bottom:10px;
}
#logo-cell{
	width:300px;
	text-align:left;
	padding:5px;
	vertical-align:bottom;
}
#logout-cell{
	width:100px;
	text-align:right;
	padding:5px;
	vertical-align:bottom;
}
#logo{
	height:40px;
}
#logout{
	height:25px;
}
#nickname{
	font-weight:bold;
	font-size:12px;
}

table.list{
	width:780px;
	color:white;
	vertical-align:middle;
	border-collapse:collapse;
	display:inline-block;
	border:2px solid black;
}
tr.item-odd{
	background-color:#000010;
	height:35px;
	border-bottom:1px solid white;
}
tr.item-pair{
	background-color:#555560;
	height:35px;
	border-bottom:1px solid white;
}
tr.item-over{
	background-color:#BB0000;
	height:35px;
	border-bottom:1px solid white;
}
td.item-title{
	padding-left:10px;
	font-size:14px;
}
td.item-ico{
	width:30px;
}
td.item-type{
	font-size:11px;
	width:70px;
}
td.item-lend{
	width:250px;
}
td.item-return{
	width:100px;
}
td.item-empty{
	width:180px;
}
td.item-request{
	width:170px;	
}
td.friend-name{
	width:300px;
	padding-left:10px;	
}
td.friend-num{
	width:120px;
	padding-left:10px;	
}
img.ico{
	height:20px;
}

select.friend{
	border:1px solid black;
	width:150px;
	height:24px;
}
input.lend{
	background-color:#DDDDEE;
	font-weight:bold;
	border:1px solid black;
	width:70px;
	height:26px;
}
input.lend:hover{
	background-color:#99DDDD;
	font-weight:bold;
	border:1px solid black;
	width:70px;
	height:26px;
}
input.return{
	background-color:#DDEEDD;
	font-weight:bold;
	border:1px solid black;
	width:70px;	
	height:26px;
}
input.return:hover{
	background-color:#99DD99;
	font-weight:bold;
	border:1px solid black;
	width:70px;	
	height:26px;
}
input.request{
	background-color:#EEDDDD;
	font-weight:bold;
	border:1px solid black;
	width:150px;
	height:26px;
}
input.request:hover{
	background-color:#DD9999;
	font-weight:bold;
	border:1px solid black;
	width:150px;
	height:26px;	
}

div.button{
	height:20px;
	width:150px;
	background-color:#411111;
	float:right;
	margin-bottom:20px;
	margin-right:5px;
	color:white;
	padding-top:10px;
	font-size:12px;
	border:1px solid black;
}

div.menu{
	padding-left:20px;
	clear:both;	
}
div.tab{
	height:20px;
	width:200px;
	background-color:#AAAAB0;
	float:left;
	margin-right:5px;
	padding:5px;
	color:white;
	font-size:12px;
	border:1px solid black;
	border-bottom:1px solid white;
}
a.tab{
	color:white;
}
div.selected{
	background-color:black;
	border:1px solid black;
}

div.pageSpace{
	border:2px solid black;
	margin:0px 10px;
	text-align:center;
	background-color:#222232;
}
div.addNew{
	border:1px solid grey;
	margin:30px 0px;
	width:300px;
	display:inline-block;
	padding:10px;
	background-color:white;
}
table.addNew {
	font-size:12px;
	width:100%;
	margin-top:10px;
}
td.lbl{
	width:60px;
	text-align:right;	
}
tr.submitNew{
	height:50px;	
}
td.submitNew{
	text-align:center;
	vertical-align:bottom;	
}
input.addNew, select.addNew{
	width:180px;	
}
